<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.4.1.min (1).js"></script>
    <style>
        body{
            background-color: rgb(19, 17, 17);
        }
        #one{
            width: 1265px;
            height: 150px;
            margin-top: 50px;
            margin-left: 0px;
            font-size: 100px;
            border: none;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            padding-top: 25px;
            padding-left: 380px;
            color: aliceblue;
            letter-spacing: 50px;
            background-color: rgb(19, 19, 19);
        }
        #div{
            width: 1630px;
            height: 685px;
            position: absolute;
            margin-top: 5px;
            float:none;
            margin-left: 0px;
            border: none;
        }
        div{
           
            width: 350px;
            height: 550px;
            border: solid 2px white;
            margin-top: 45px;
            margin-left: 40px;
            background-size: 350px 550px;
            
        }
        #two{
            border: none;
            float: left;
            background-image: url(img/15.jpg);
        }
        #three{
            border: none;
            float: left;
            background-image: url(img/5.jpg);
        }
        #four{
            border: none;
            float: left;
            background-image: url(img/6.jpg);
        }
        #five{
            border: none;
            float: left;
            background-image: url(img/7.jpg);
        }
    </style>
</head>
<body>
    <div id="one"></div>
    <div id="div">
        <div id="two"></div>
        <div id="three"></div>
        <div id="four"></div>
        <div id="five"></div>
    </div>
</body>
<script>

   let ay=["two","three","four","five"];
    for(let i=0;i<ay.length;i++)
{    //jQuery实现样式用css
    $("#"+ay[i]).on({mouseover:function(){$(this).css({
    width:"400px",
    height:"600px",
    backgroundSize:"400px 600px"});},
mouseout:function(){
    $(this).css({
        width:"350px",
        height:"550px",
        backgroundSize:"300px 500px"});}})
}
let ay2=["风寂寂然处","云悠悠野间","忆昔年少事","恍如在昨日"];
let i=0;
function sd(){
    document.getElementById("one").innerHTML=ay2[i];
    i++;
    if(i>2)
    i=0;
    let t=setTimeout("sd()",1000);
}
sd();


</script>
</html>